<template>
  <div>
    <ul>
      <li v-for="(item, index) in dataList" :key="index">
        <router-link
          :to="{
            name: 'Synopsis',
            params: {
              images: item.movie_poster,
              type: item.type_label,
              region: item.region_label,
              title: item.movie_description,
              timer: item.movie_duration,
              release: item.movie_release_date,
              office: item.movie_box_office,
              names: item.movie_name,
              score: item.movie_score,
            },
          }"
        >
          <div class="con">
            <div :class="index<3 ?'isnum':'num'">{{ index + 1 }}</div>
            <img class="imgs" :src="require('../' + item.movie_poster)" />
            <div class="con_one">
              <h2>{{ item.movie_name }}</h2>
              <p>主演：暂无信息</p>
              <p>上映时间：{{ item.movie_release_date }}</p>
            </div>
            <div class="con_two">
              <h6>{{ item.movie_score }}</h6>
            </div>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Public_praise",
  data() {
    return {
      dataList: {},
    };
  },
  mounted() {
    this.$axios.get("/movies_hot").then((response) => {
      this.dataList = response.data;
    });
  },
};
</script>
